<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
		<title>修改个人信息</title>
		<link rel="icon" href="favicon.ico" type="image/ico">
		<link href="/static/css/bootstrap.min.css" rel="stylesheet">
		<link href="/static/css/materialdesignicons.min.css" rel="stylesheet">
		<link href="/static/css/style.min.css" rel="stylesheet">
	</head>
	<script src="/static/js/jquery-3.1.1.min.js"></script>
	<script>
		$(document).ready(function () {
			$.ajax({
				url: "getSession",
				type: "post",
				success: function (data) {
					$("#userName1").text(data);

					$("#msgSet").append("个人信息设置")

					$("#changepwd").append("修改密码");
					$("#outLogin").append("退出登录");
				},
				error: function (data) {

				}
			})


			$.ajax({
				url: "cardList",
				type: "post",
				success: function (data) {
					for(var i in data){
						let newtr = $("<div class=\"container-fluid\">\n" +
								"\n" +
								"\t\t\t\t\t\t<div class=\"row\">\n" +
								"\t\t\t\t\t\t\t<div class=\"col-sm-6 col-lg-3\">\n" +
								"\t\t\t\t\t\t\t\t<div class=\"card\">\n" +
								"\t\t\t\t\t\t\t\t\t<div class=\"card-header bg-primary\">\n" +
								"\t\t\t\t\t\t\t\t\t\t开户行:"+data[i].open_Bank+"\n\n" +
								"\t\t\t\t\t\t\t\t\t\t"+data[i].bank_Card_Id+"\n" +
								"\t\t\t\t\t\t\t\t\t\t<ul class=\"card-actions\">\n" +
								"\t\t\t\t\t\t\t\t\t\t\t<li>\n" +
								"\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"><i class=\"mdi mdi-more\"></i></button>\n" +
								"\t\t\t\t\t\t\t\t\t\t\t</li>\n" +
								"\t\t\t\t\t\t\t\t\t\t</ul>\n" +
								"\t\t\t\t\t\t\t\t\t</div>\n" +
								"\t\t\t\t\t\t\t\t\t<div class=\"card-body\">\n" +
								"\t\t\t\t\t\t\t\t\t\t银行卡余额:<p>"+data[i].balance_Card+"(元)</p>\n" +
								"\t\t\t\t\t\t\t\t\t</div>\n" +
								"\t\t\t\t\t\t\t\t</div>\n" +
								"\t\t\t\t\t\t\t</div>\n" +
								"\t\t\t\t\t\t</div>\n" +
								"\t\t\t\t\t</div>")
								$("main").append(newtr);
					}
				},
				error: function (data) {

				}
			})
		})


	</script>
	<body>
		<div class="lyear-layout-web">
			<div class="lyear-layout-container">
				<!--左侧导航-->
				<aside class="lyear-layout-sidebar">

					<!-- logo -->
					<div id="logo" class="sidebar-header">
						<p></p>
					</div>
					<div class="lyear-layout-sidebar-scroll">

						<nav class="sidebar-main">

							<ul class="nav nav-drawer">
								<li class="nav-item active"> <a href="/toIndex"><i class="mdi mdi-home"></i> 后台首页</a> </li>
								<li class="nav-item nav-item-has-subnav">
									<a href="toBinding" ><i class="mdi mdi-credit-card"></i>绑定银行卡</a>
								</li>
								<li class="nav-item nav-item-has-subnav">
									<a href="toUnbinding" ><i class="mdi mdi-credit-card"></i>解绑银行卡</a>
								</li>
								<li class="nav-item nav-item-has-subnav">
									<a href="toRecharge"><i class="mdi mdi-credit-card-plus"></i>充值</a>
								</li>
								<li class="nav-item nav-item-has-subnav">
									<a href="toWithdrawal" ><i class="mdi mdi-credit-card-plus"></i>提现</a>
								</li>
								<li class="nav-item nav-item-has-subnav">
									<a href="toTransferAccounts" ><i class="mdi mdi-credit-card-plus"></i>转账</a>
								</li>
								<li class="nav-item nav-item-has-subnav">
									<a href="toSelectFlow" ><i class="mdi mdi-content-paste"></i>流水查询</a>
								</li>
								<li class="nav-item nav-item-has-subnav">
									<a href="toListCard" ><i class="mdi mdi-content-paste"></i>账户信息</a>
								</li>
								<li class="nav-item nav-item-has-subnav">
									<a href="toBalanceBaby" ><i class="mdi mdi-content-paste"></i>余额宝</a>
								</li>
								<li class="nav-item nav-item-has-subnav">
									<a href="tocancel" ><i class="mdi mdi-credit-card"></i>电子账户注销</a>
								</li>
							</ul>
						</nav>
					</div>

				</aside>
				<!--End 左侧导航-->

				<!--头部信息-->
				<header class="lyear-layout-header">

					<nav class="navbar navbar-default">
						<div class="topbar">

							<div class="topbar-left">
								<div class="lyear-aside-toggler">
									<span class="lyear-toggler-bar"></span>
									<span class="lyear-toggler-bar"></span>
									<span class="lyear-toggler-bar"></span>
								</div>
								<span class="navbar-page-title">账户信息</span>
							</div>

							<ul class="topbar-right">
								<li class="dropdown dropdown-profile">
									<a href="javascript:void(0)" data-toggle="dropdown">
										<span id="userName1"></span>
										<span class="caret"></span>
									</a>
									<ul class="dropdown-menu dropdown-menu-right">

										<li> <a href="toProfile" id="msgSet"> <i class="mdi mdi-account"></i> </a> </li>
										<li>
											<a href="changepwd" id="changepwd"><i class="mdi mdi-lock-outline"></i></a>
										</li>
										<li class="divider"></li>
										<li> <a href="toLogin" id="outLogin"><i class="mdi mdi-logout-variant"></i></a> </li>
									</ul>
								</li>
								<!--切换主题配色-->
								<li class="dropdown dropdown-skin">
									<span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
									<ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
										<li class="drop-title">
											<p>主题</p>
										</li>
										<li class="drop-skin-li clearfix">
											<span class="inverse">
                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
                    <label for="site_theme_1"></label>
                  </span>
											<span>
                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
                    <label for="site_theme_2"></label>
                  </span>
											<span>
                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
                    <label for="site_theme_3"></label>
                  </span>
										</li>
										<li class="drop-title">
											<p>LOGO</p>
										</li>
										<li class="drop-skin-li clearfix">
											<span class="inverse">
                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
                    <label for="logo_bg_1"></label>
                  </span>
											<span>
                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
                    <label for="logo_bg_2"></label>
                  </span>
											<span>
                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
                    <label for="logo_bg_3"></label>
                  </span>
											<span>
                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
                    <label for="logo_bg_4"></label>
                  </span>
											<span>
                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
                    <label for="logo_bg_5"></label>
                  </span>
											<span>
                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
                    <label for="logo_bg_6"></label>
                  </span>
											<span>
                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
                    <label for="logo_bg_7"></label>
                  </span>
											<span>
                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
                    <label for="logo_bg_8"></label>
                  </span>
										</li>
										<li class="drop-title">
											<p>头部</p>
										</li>
										<li class="drop-skin-li clearfix">
											<span class="inverse">
                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
                    <label for="header_bg_1"></label>
                  </span>
											<span>
                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
                    <label for="header_bg_2"></label>
                  </span>
											<span>
                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
                    <label for="header_bg_3"></label>
                  </span>
											<span>
                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
                    <label for="header_bg_4"></label>
                  </span>
											<span>
                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
                    <label for="header_bg_5"></label>
                  </span>
											<span>
                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
                    <label for="header_bg_6"></label>
                  </span>
											<span>
                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
                    <label for="header_bg_7"></label>
                  </span>
											<span>
                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
                    <label for="header_bg_8"></label>
                  </span>
										</li>
										<li class="drop-title">
											<p>侧边栏</p>
										</li>
										<li class="drop-skin-li clearfix">
											<span class="inverse">
                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
                    <label for="sidebar_bg_1"></label>
                  </span>
											<span>
                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
                    <label for="sidebar_bg_2"></label>
                  </span>
											<span>
                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
                    <label for="sidebar_bg_3"></label>
                  </span>
											<span>
                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
                    <label for="sidebar_bg_4"></label>
                  </span>
											<span>
                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
                    <label for="sidebar_bg_5"></label>
                  </span>
											<span>
                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
                    <label for="sidebar_bg_6"></label>
                  </span>
											<span>
                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
                    <label for="sidebar_bg_7"></label>
                  </span>
											<span>
                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
                    <label for="sidebar_bg_8"></label>
                  </span>
										</li>
									</ul>
								</li>
								<!--切换主题配色-->
							</ul>

						</div>
					</nav>

				</header>
				<!--End 头部信息-->

				<!--页面主要内容-->
				<main class="lyear-layout-content" id="main">


				</main>
				<!--End 页面主要内容-->
			</div>
		</div>

		<script type="text/javascript" src="/static/js/jquery.min.js"></script>
		<script type="text/javascript" src="/static/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="/static/js/perfect-scrollbar.min.js"></script>
		<script type="text/javascript" src="/static/js/main.min.js"></script>

		<!--图表插件-->
		<script type="text/javascript" src="/static/js/Chart.js"></script>
		<script type="text/javascript">
		</script>
	</body>

</html>
